import React, { PureComponent } from 'react';
import { StyleSheet, Text, View, Image, TouchableOpacity, FlatList } from 'react-native';
import CommentsItem from './CommentsItem'
import SpacingView from '../../../../widget/SpacingView'
type Props = {
    info:Object,
}
type State = {
}
class CommentsView extends PureComponent<Props, State>{
    render() {
        let {info} = this.props
        return (
            <View style={styles.container}>
                <View style={styles.head}>
                    <View style={{ marginLeft: 20 }}>
                        <Text style={{ fontSize: 18, fontFamily: '黑体', color: 'black' }}>评价</Text>
                    </View>
                </View>
                {/*列表*/}
                {info.map((info, index) => (
                    <View key={index}>
                        <CommentsItem
                            key={index}
                            info={info}
                        />
                    </View>
                ))}
                <SpacingView />
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {

    },
    head: {
        flexDirection: 'row'
    }
})
export default CommentsView